<html>
    <head>
        <title>Twitter To Minicloud</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            body {
                font-size: 9pt;
                margin: 0px;
            }
            .error {
                color: #FF0000;
            }
            .title-bar {
                background-color: #3b5998;
                width: 100%;
                height: 30px;
            }
            .title-logo {
                line-height: 30px;
                margin: 0px 15px 0px 30px;
                color: #FFFFFF;
                font-size: 16px;
                font-family: 'Arial';
                font-weight: bold;
            }
            .title-logo a{
                text-decoration: none;
                color: #D2E9FF;
            }
            .title-logo a:hover {
                color: #FFFFFF;
            }
            .title-link {
                color: #FFFFFF;
                font-family: 'Arial';
                font-size: 14px;
                margin: 0px 5px;
                text-decoration: none;
            }
            .title-split {
                color: #FFFFFF;
                font-family: 'Arial';
                font-size: 12px;
            }
            .border-table-title {
                color: #203360;
                font-size: 18px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
            .border-table {
                margin: 5px 0px;
                border: 1px solid #29447E;
                border-collapse: collapse;
                border-spacing: 0;
                font-size: 9pt;
            }
            .border-table th {
                background-color: #5B74A8;
                border: 1px solid #29447E;
                padding: 6px 12px;
                text-align: left;
                color: #FFFFFF;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
            .border-table td {
                border: 1px solid #29447E;
                padding: 6px 5px;
                text-align: left;
            }
            textarea {
                width: 400px;
                height: 80px;	
                margin: 10px 0px 0px 0px;
                border: 1px solid #96A6C5;
            }
            .cfg-group td {
                color: #203360;
                font-size: 18px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                height: 40px;
            }
            .cfg-item td {
                color: #1D2A5B;
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
            .cfg-item-line td {
                border-bottom: 1px solid #A0A9C0;
                font-size: 1px;
            }
            .cfg-item-input {
                font-size: 11px;
                border: 1px solid #96A6C5;
                width: 180px;
            }
            .cfg-item-url {
                font-size: 11px;
                border: 1px solid #96A6C5;
                width: 400px;
            }
            .cfg-button-bg { 
                color: #FFFFFF;
                background-color: #5B74A8;
                border: 1px solid #29447E;
                line-height: 22px;
                display: block;
                font-weight: bold;
                height: 22px;
                width: 60px;
                text-align: center;
                cursor: pointer;
                margin-top: 10px;
                text-decoration: none;
            }
            .about-item-title {
                background-color: #E5ECF9;
                border-top: 1px solid #3366CC;
                margin: 20px 20px 20px 10px;
                padding: 5px;
                color: #203360;
                font-size: 14px;
                font-weight: bold;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
            .about-item-desc {
                margin: 20px 20px 20px 10px;
                padding: 0px 10px;
                font-size: 12x;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
            .about-list li {
                line-height: 20px;
            }
        </style>
    </head>
    <body>
        <div class="title-bar">
            <span class="title-logo"><a href="/">Twitter To Minicloud</a></span>
            <span class="title-split">|</span>
            <span><a href="/loadcfg" class="title-link">config</a></span>
            <span class="title-split">|</span>
            <span><a href="/twitter" class="title-link">twitter</a></span>
            <span class="title-split">|</span>
            <span><a href="/minicloud" class="title-link">minicloud</a></span>
            <span class="title-split">|</span>
            <span><a href="/sync" class="title-link">sync</a></span>
            <span class="title-split">|</span>
            <span><a href="/log" class="title-link">log</a></span>
            <span class="title-split">|</span>
            <span><a href="${logout_url}" class="title-link">Sign out</a></span>
        </div>
        <div style="padding-left: 10px">

